<html>
	<head>
		<title>Web Senior</title>
		<meta http-equiv="Content-Language" content="fr"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta name="description" content="web senior"/>
		<link rel="icon" type="image/png" href="favicon.png"/>
		<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="style.css"/>
		
		<script src="js/jquery-1.6.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.cycle.all.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.hoverIntent.minified.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		$(document).ready(function() {
			// animation sous-menus
			$("#header > ul > li").mouseenter(function() {
				$(this).children(".submenu").toggleClass("active");
			}).mouseleave(function() {
				$(this).children(".submenu").toggleClass("active");
			});
			
			//animation bloc "Dernier numéro"
			$("#numero > div").cycle({
				fx: 'scrollRight',
				timeout: 0,
				pause: 1,
				pager: '#numero > ul',
				pagerAnchorBuilder: function(idx, slide) {
					return false;
				},
				activePagerClass: 'active' // Le souci vient du float right. Le deuxieme élément est affiché en premier.
											 // Du coup, on voit le deuxième (car cycle sélectionne le premier dans le code)
			});
			
			$("#numero-journal").click(function() {
				$("#numero > div").cycle(1); 
				return false;
			});
			$("#numero-cubecho").click(function() {
				$("#numero > div").cycle(0); 
				return false;
			});
			
			//animation boc "A la une"
			$("#caroussel_une > div > div").cycle({
				fx: 'scrollLeft',
				timeout: 5000,
				pause: 1,
				before: onUneBefore,
				pagerAnchorBuilder: function(idx, slide) {
					return;
				}
			});
			
			$('#caroussel_une > div > ul > li').each(function(i) {
				$(this).hoverIntent(function() {
					$("#caroussel_une > div > div").cycle(i);
					$("#caroussel_une > div > div").cycle('pause');
				}, function() {
					$("#caroussel_une > div > div").cycle('resume');
				});
			});
		
			//animation bloc "Prochains événements"
			$("#agenda-link-today").click(function() {
				$(".agenda-ligne").each(function() {
					if(!$(this).children('p:first').hasClass('agenda-date-today')) {
						$(this).animate({opacity: 'toggle'}, 'slow');
					}
				});
				
				$(this).children().each(function() { 
					$(this).toggle();	
				});
				
				return false;
			});
		});
		
		function onUneBefore(curr, next) {
			var hack = $("#caroussel_une_hack");
	
			hack.animate({
				top: $(next).index() * 66
			}, 1000);
		};
	</script>
		
	</head>
	<body>
		<div id="header"><p>sd</p></div>
		<div id="search">
			<table>
				<tr>
					<td>
						<table>
							<tr><td class="ville_td ville_td_1">Ambarès et Lagrave</td></tr>
							<tr><td class="ville_td ville_td_1">Ambès</td></tr>
							<tr><td class="ville_td ville_td_1">Artigues près Bordeaux</td></tr>
							<tr><td class="ville_td ville_td_1">Bassens</td></tr>
							<tr><td class="ville_td ville_td_1">Bègles</td></tr>
						</table>
					</td>
					<td>
						<table>
							<tr><td class="ville_td ville_td_2">Blanquefort</td></tr>
							<tr><td class="ville_td ville_td_2">Bordeaux</td></tr>
							<tr><td class="ville_td ville_td_2">Bouliac</td></tr>
							<tr><td class="ville_td ville_td_2">Bruges</td></tr>
							<tr><td class="ville_td ville_td_2">Carbon Blanc</td></tr>
						</table>
					</td>
					<td>
						<table>
							<tr><td class="ville_td ville_td_3">Cenon</td></tr>
							<tr><td class="ville_td ville_td_3">Eysines</td></tr>
							<tr><td class="ville_td ville_td_3">Floirac</td></tr>
							<tr><td class="ville_td ville_td_3">Gradignan</td></tr>
							<tr><td class="ville_td ville_td_3">Le Bouscat</td></tr>
						</table>
					</td>
					<td>
						<table>
							<tr><td class="ville_td ville_td_4">Le Haillan</td></tr>
							<tr><td class="ville_td ville_td_4">Le Taillan Médoc</td></tr>
							<tr><td class="ville_td ville_td_4">Lormont</td></tr>
							<tr><td class="ville_td ville_td_4">Mérignac</td></tr>
							<tr><td class="ville_td ville_td_4">Parempuyre</td></tr>
						</table>
					</td>
					<td>
						<table>
							<tr><td class="ville_td ville_td_5">Pessac</td></tr>
							<tr><td class="ville_td ville_td_5">St Aubin de Médoc</td></tr>
							<tr><td class="ville_td ville_td_5">St Louis de Montferrand</td></tr>
							<tr><td class="ville_td ville_td_5">St Médard en Jalles</td></tr>
							<tr><td class="ville_td ville_td_5">St Vincent de Paul</td></tr>
						</table>
					</td>
					<td>
						<table>
							<tr><td class="ville_td ville_td_6">Talence</td></tr>
							<tr><td class="ville_td ville_td_6">Villenave d'Ornon</td></tr>
							<tr><td class="ville_td ville_td_6">&nbsp;</td></tr>
							<tr><td class="ville_td ville_td_6">&nbsp;</td></tr>
							<tr><td class="ville_td ville_td_6">Toute la Cub</td></tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
		<div id="caroussel">
			<div class="caroussel_div">
				<div class="bloc bloc3" id="caroussel_une">
					<div>
						<div>
							<img src="images/index2.jpg" height="330px" width="640px" alt="">
							<img src="images/index.gif" width="640px" height="330px" style="display:none;" alt="">
							<img src="images/index1.jpg" width="640px" height="330px" style="display:none;" alt="">
							<img src="images/une.png" width="640px" height="330px" style="display:none;" alt="">
							<img src="images/index.jpg" width="640px" height="330px" style="display:none;" alt="">
						</div>
						<div id="caroussel_une_hack"><div></div></div>
						<ul>
							<li class="une-ligne">
								<div></div>
								<p><a href="#">Rendez-vous de la Com’interne</a>Venez découvrir l’activité des directions territoriales lors de matinées de rencontres et d’échanges sur le terrain (06/06/11)</p>
								<img src="images/index2.jpg" alt="" />
							</li>
							<li class="une-ligne">
								<div></div>
								<p><a href="#">Déménagement du pôle Dynamiques urbaines</a>Venez découvrir l’activité des directions territoriales lors de matinées de rencontres et d’échanges sur le terrain (19/05/11)</p>
								<img src="images/index.gif" alt="" />
							</li>
							<li class="une-ligne">
								<div></div>
								<p><a href="#">VCub, dessinez la collection 2011</a>Retrouvez les résultats du concours lancé par la CUB pour habiller la jupe arrière de 50 VCub sur ... (31/05/11)</p>
								<img src="images/index1.jpg" alt="" />
							</li>
							<li class="une-ligne">
								<div></div>
								<p><a href="#">Les rencontres de la Fabrique Métropolitaine</a>Quelle métropole pour 2030 ? Prenez la parole ! Venez échanger vos idées ! Venez proposer votre vision (26/05/11)</p>
								<img src="images/une.png" alt="" />
							</li>
							<li class="une-ligne">
								<div></div>
								<p><a href="#">Rendez-vous de la Com’interne</a>Venez découvrir l’activité des directions territoriales lors de matinées de rencontres et d’échanges sur le terrain (06/06/11)</p>
								<img src="images/index.jpg" alt="" />
							</li>
						</ul>
					</div>
					<ul>
						<li class="active"><a href="#">+</a></li>
					</ul>
				</div>
			</div>
		</div>
		<table id="content">
			<tr>
				<td>
					<div id="page">
						<table class="article_td">
							<tr>
								<td class="titre_td">Lormont > Fête du fleuve à Bordeaux</td>
							</tr
							<tr>
								<td class="meta_td">Publié le lundi 23 mars 2011 à Lormont</td>
							</tr>
							<tr>
								<td class="texte_td">
									Cette année la fête du fleuve s'invite sur les bords de la Garonne, Quais Louis XV, à Bordeaux.
									A cette occasion, de nombreux châteaux des alentours vous feront déguster leur grand cru annuel : Saint Emilion, Pessac Leognan etc...
									Le weekend se terminera par un spectacle pirotechnique depuis une péniche située sur la Garonne, près du Pont de Pierre.
									Alors n'hésitez pas, venez nombreux !
								</td>
							</tr>
							<tr>
								<td class="auteur_td">Michel Edouard</td>
							</tr>
							<tr>
								<td class="partage_td">Mail - Facebook - Twitter</td>
							</tr>
						</table>
						<table class="article_td">
							<tr>
								<td class="titre_td">Bordeaux > Fête du fleuve à Bordeaux</td>
							</tr
							<tr>
								<td class="meta_td">Publié le lundi 23 mars 2011 à Lormont</td>
							</tr>
							<tr>
								<td class="texte_td">
									Cette année la fête du fleuve s'invite sur les bords de la Garonne, Quais Louis XV, à Bordeaux.
									A cette occasion, de nombreux châteaux des alentours vous feront déguster leur grand cru annuel : Saint Emilion, Pessac Leognan etc...
									Le weekend se terminera par un spectacle pirotechnique depuis une péniche située sur la Garonne, près du Pont de Pierre.
									Alors n'hésitez pas, venez nombreux !
								</td>
							</tr>
							<tr>
								<td class="auteur_td">Michel Edouard</td>
							</tr>
							<tr>
								<td class="partage_td">Mail - Facebook - Twitter</td>
							</tr>
						</table>
						<table class="article_td">
							<tr>
								<td class="article_td_left">
									<table>
										<tr>
											<td class="titre_td">Bordeaux > Fête du fleuve à Bordeaux</td>
										</tr
										<tr>
											<td class="meta_td">Publié le lundi 23 mars 2011 à Lormont</td>
										</tr>
										<tr>
											<td class="texte_td">
												Cette année la fête du fleuve s'invite sur les bords de la Garonne, Quais Louis XV, à Bordeaux.
												A cette occasion, de nombreux châteaux des alentours vous feront déguster leur grand cru annuel : Saint Emilion, Pessac Leognan etc...
												Le weekend se terminera par un spectacle pirotechnique depuis une péniche située sur la Garonne, près du Pont de Pierre.
												Alors n'hésitez pas, venez nombreux !
											</td>
										</tr>
										<tr>
											<td class="auteur_td">Michel Edouard</td>
										</tr>
										<tr>
											<td class="partage_td">Mail - Facebook - Twitter</td>
										</tr>
									</table>
								</td>
								<td>&nbsp;</td>
								<td class="article_td_right">
									<table>
										<tr>
											<td class="titre_td">Bordeaux > Fête du fleuve à Bordeaux</td>
										</tr
										<tr>
											<td class="meta_td">Publié le lundi 23 mars 2011 à Lormont</td>
										</tr>
										<tr>
											<td class="texte_td">
												Cette année la fête du fleuve s'invite sur les bords de la Garonne, Quais Louis XV, à Bordeaux.
												A cette occasion, de nombreux châteaux des alentours vous feront déguster leur grand cru annuel : Saint Emilion, Pessac Leognan etc...
												Le weekend se terminera par un spectacle pirotechnique depuis une péniche située sur la Garonne, près du Pont de Pierre.
												Alors n'hésitez pas, venez nombreux !
											</td>
										</tr>
										<tr>
											<td class="auteur_td">Michel Edouard</td>
										</tr>
										<tr>
											<td class="partage_td">Mail - Facebook - Twitter</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					<div id="sidebar"></div>
				</td>
			</tr>
		</table>
		<div id="meta"></div>
		<div id="propos"></div>
		<div id="footer"></div>
	</body>
</html>
